<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>资源汇总 | anyang的博客</title>
    <meta name="description" content="千里之行,始于足下">
    <meta name="generator" content="VuePress 1.3.1">
    <link rel="icon" href="/img/favicon.ico">
  <script charset="utf-8" src="/js/main.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.2/jquery.fancybox.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.2/jquery.fancybox.min.css">
  <meta name="keywords" content="福小林,奔奔,ourLang,CentOS,JAVA,vue组件,lsdCloud">
  <script async="async" src="https://www.googletagmanager.com/gtag/js?id=UA-146891701-1"></script>
  <script>window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'UA-146891701-1');</script>
  <script>var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?56eae8eec590ccaef1d5ff99d766f315";
        var s = document.getElementsByTagName("script")[0]; 
        s.parentNode.insertBefore(hm, s);
      })();</script>
    
    <link rel="preload" href="/assets/css/0.styles.9fff9873.css" as="style"><link rel="preload" href="/assets/js/app.1bc80adb.js" as="script"><link rel="preload" href="/assets/js/2.7c0608ab.js" as="script"><link rel="preload" href="/assets/js/120.f97dd86f.js" as="script"><link rel="prefetch" href="/assets/js/10.81caa2ab.js"><link rel="prefetch" href="/assets/js/100.05bb269d.js"><link rel="prefetch" href="/assets/js/101.3e18b4d6.js"><link rel="prefetch" href="/assets/js/102.c7d7ed9c.js"><link rel="prefetch" href="/assets/js/103.4c771ce7.js"><link rel="prefetch" href="/assets/js/104.a2acd367.js"><link rel="prefetch" href="/assets/js/105.63399350.js"><link rel="prefetch" href="/assets/js/106.8a4744cc.js"><link rel="prefetch" href="/assets/js/107.7739d796.js"><link rel="prefetch" href="/assets/js/108.8008ae33.js"><link rel="prefetch" href="/assets/js/109.01c63898.js"><link rel="prefetch" href="/assets/js/11.7b837560.js"><link rel="prefetch" href="/assets/js/110.ad01aca9.js"><link rel="prefetch" href="/assets/js/111.3d74db70.js"><link rel="prefetch" href="/assets/js/112.67f55c34.js"><link rel="prefetch" href="/assets/js/113.016cd3c0.js"><link rel="prefetch" href="/assets/js/114.860e4b2b.js"><link rel="prefetch" href="/assets/js/115.b2f26258.js"><link rel="prefetch" href="/assets/js/116.8bea67b4.js"><link rel="prefetch" href="/assets/js/117.20682843.js"><link rel="prefetch" href="/assets/js/118.86a22e16.js"><link rel="prefetch" href="/assets/js/119.ad518bea.js"><link rel="prefetch" href="/assets/js/12.8fd78714.js"><link rel="prefetch" href="/assets/js/121.c5601b4a.js"><link rel="prefetch" href="/assets/js/122.2889645a.js"><link rel="prefetch" href="/assets/js/13.ebf26820.js"><link rel="prefetch" href="/assets/js/14.b92dca09.js"><link rel="prefetch" href="/assets/js/15.b3dcef45.js"><link rel="prefetch" href="/assets/js/16.50378990.js"><link rel="prefetch" href="/assets/js/17.056bba2b.js"><link rel="prefetch" href="/assets/js/18.9047bb38.js"><link rel="prefetch" href="/assets/js/19.ab53b0fe.js"><link rel="prefetch" href="/assets/js/20.fe0b8af0.js"><link rel="prefetch" href="/assets/js/21.20a702f3.js"><link rel="prefetch" href="/assets/js/22.0ee08d29.js"><link rel="prefetch" href="/assets/js/23.02039a9a.js"><link rel="prefetch" href="/assets/js/24.363d3d74.js"><link rel="prefetch" href="/assets/js/25.dd6b101e.js"><link rel="prefetch" href="/assets/js/26.20493714.js"><link rel="prefetch" href="/assets/js/27.708723e5.js"><link rel="prefetch" href="/assets/js/28.4561834a.js"><link rel="prefetch" href="/assets/js/29.15cfcf5f.js"><link rel="prefetch" href="/assets/js/3.8d39d40c.js"><link rel="prefetch" href="/assets/js/30.04ab69de.js"><link rel="prefetch" href="/assets/js/31.b11c4302.js"><link rel="prefetch" href="/assets/js/32.81ae74ee.js"><link rel="prefetch" href="/assets/js/33.ddf09cc0.js"><link rel="prefetch" href="/assets/js/34.bc3549f7.js"><link rel="prefetch" href="/assets/js/35.4a0e0ebd.js"><link rel="prefetch" href="/assets/js/36.961a1c50.js"><link rel="prefetch" href="/assets/js/37.d8658de5.js"><link rel="prefetch" href="/assets/js/38.f76063aa.js"><link rel="prefetch" href="/assets/js/39.73edd08f.js"><link rel="prefetch" href="/assets/js/4.916af9bf.js"><link rel="prefetch" href="/assets/js/40.72314bff.js"><link rel="prefetch" href="/assets/js/41.c5eb1147.js"><link rel="prefetch" href="/assets/js/42.07aeafbb.js"><link rel="prefetch" href="/assets/js/43.c4a652ba.js"><link rel="prefetch" href="/assets/js/44.91fbe22b.js"><link rel="prefetch" href="/assets/js/45.6eecf0c4.js"><link rel="prefetch" href="/assets/js/46.81b7f108.js"><link rel="prefetch" href="/assets/js/47.b4468ab3.js"><link rel="prefetch" href="/assets/js/48.df205f23.js"><link rel="prefetch" href="/assets/js/49.7df59fa3.js"><link rel="prefetch" href="/assets/js/5.4fcd540a.js"><link rel="prefetch" href="/assets/js/50.0dc2fc5b.js"><link rel="prefetch" href="/assets/js/51.1ffabe54.js"><link rel="prefetch" href="/assets/js/52.2269d284.js"><link rel="prefetch" href="/assets/js/53.81b23843.js"><link rel="prefetch" href="/assets/js/54.b3249def.js"><link rel="prefetch" href="/assets/js/55.50dcf2af.js"><link rel="prefetch" href="/assets/js/56.c399c272.js"><link rel="prefetch" href="/assets/js/57.024f1dbb.js"><link rel="prefetch" href="/assets/js/58.680c6cf4.js"><link rel="prefetch" href="/assets/js/59.2291e9d7.js"><link rel="prefetch" href="/assets/js/6.7610d1d4.js"><link rel="prefetch" href="/assets/js/60.e59a26c1.js"><link rel="prefetch" href="/assets/js/61.ff5c64e4.js"><link rel="prefetch" href="/assets/js/62.7d97062c.js"><link rel="prefetch" href="/assets/js/63.6456dc7e.js"><link rel="prefetch" href="/assets/js/64.0b055680.js"><link rel="prefetch" href="/assets/js/65.9f25601c.js"><link rel="prefetch" href="/assets/js/66.cd973084.js"><link rel="prefetch" href="/assets/js/67.9b8f9716.js"><link rel="prefetch" href="/assets/js/68.d6c1869a.js"><link rel="prefetch" href="/assets/js/69.0a3688dd.js"><link rel="prefetch" href="/assets/js/7.9ebbd956.js"><link rel="prefetch" href="/assets/js/70.22f48891.js"><link rel="prefetch" href="/assets/js/71.9eb4fda9.js"><link rel="prefetch" href="/assets/js/72.ca4fa80c.js"><link rel="prefetch" href="/assets/js/73.17d1ab37.js"><link rel="prefetch" href="/assets/js/74.139691db.js"><link rel="prefetch" href="/assets/js/75.08d0560f.js"><link rel="prefetch" href="/assets/js/76.61078c10.js"><link rel="prefetch" href="/assets/js/77.4482adcc.js"><link rel="prefetch" href="/assets/js/78.166f2c37.js"><link rel="prefetch" href="/assets/js/79.2c7d6b79.js"><link rel="prefetch" href="/assets/js/8.6f8916c2.js"><link rel="prefetch" href="/assets/js/80.80445c3f.js"><link rel="prefetch" href="/assets/js/81.14e3bae8.js"><link rel="prefetch" href="/assets/js/82.7dac687f.js"><link rel="prefetch" href="/assets/js/83.1dd2e78e.js"><link rel="prefetch" href="/assets/js/84.23b759de.js"><link rel="prefetch" href="/assets/js/85.7574f69f.js"><link rel="prefetch" href="/assets/js/86.102dac61.js"><link rel="prefetch" href="/assets/js/87.8f5d639e.js"><link rel="prefetch" href="/assets/js/88.e564cbbe.js"><link rel="prefetch" href="/assets/js/89.cd66eb78.js"><link rel="prefetch" href="/assets/js/9.baa162db.js"><link rel="prefetch" href="/assets/js/90.685c6878.js"><link rel="prefetch" href="/assets/js/91.b8d1b7ea.js"><link rel="prefetch" href="/assets/js/92.1faa374d.js"><link rel="prefetch" href="/assets/js/93.cf5ff33c.js"><link rel="prefetch" href="/assets/js/94.8a02aefb.js"><link rel="prefetch" href="/assets/js/95.1b379a5b.js"><link rel="prefetch" href="/assets/js/96.9fd67185.js"><link rel="prefetch" href="/assets/js/97.c5a6a5a1.js"><link rel="prefetch" href="/assets/js/98.9a231411.js"><link rel="prefetch" href="/assets/js/99.5b344cab.js">
    <link rel="stylesheet" href="/assets/css/0.styles.9fff9873.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">anyang的博客</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/" class="nav-link">
  主页
</a></div><div class="nav-item"><a href="/study-guide/introduction.html" class="nav-link">
  学习指南
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="技术分类" class="dropdown-title"><span class="title">技术分类</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/java/introduction.html" class="nav-link">
  Java
</a></li><li class="dropdown-item"><!----> <a href="/go/introduction.html" class="nav-link">
  Go
</a></li><li class="dropdown-item"><!----> <a href="/sql/introduction.html" class="nav-link">
  SQL
</a></li><li class="dropdown-item"><!----> <a href="/fhir/introduction.html" class="nav-link">
  FHIR
</a></li></ul></div></div><div class="nav-item"><a href="/blog/introduction.html" class="nav-link">
  个人博客
</a></div><div class="nav-item"><a href="/tool/developmentBox.html" class="nav-link">
  开发百宝箱
</a></div><div class="nav-item"><a href="/project/introduction.html" class="nav-link">
  项目分享
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="了解更多" class="dropdown-title"><span class="title">了解更多</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1300378587&amp;site=qq&amp;menu=yes" target="_blank" rel="noopener noreferrer" class="nav-link external">
  其他合作
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="http://www.lsdcloud.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  友情网站
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="https://github.com/ourlang" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Github
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="https://gitee.com/anlexanyang" target="_blank" rel="noopener noreferrer" class="nav-link external">
  码云
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="https://blog.csdn.net/qq_37493556" target="_blank" rel="noopener noreferrer" class="nav-link external">
  CSDN
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></div></div><div class="nav-item"><a href="/linkExchanges/introduction.html" class="nav-link">
  友情链接
</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/" class="nav-link">
  主页
</a></div><div class="nav-item"><a href="/study-guide/introduction.html" class="nav-link">
  学习指南
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="技术分类" class="dropdown-title"><span class="title">技术分类</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/java/introduction.html" class="nav-link">
  Java
</a></li><li class="dropdown-item"><!----> <a href="/go/introduction.html" class="nav-link">
  Go
</a></li><li class="dropdown-item"><!----> <a href="/sql/introduction.html" class="nav-link">
  SQL
</a></li><li class="dropdown-item"><!----> <a href="/fhir/introduction.html" class="nav-link">
  FHIR
</a></li></ul></div></div><div class="nav-item"><a href="/blog/introduction.html" class="nav-link">
  个人博客
</a></div><div class="nav-item"><a href="/tool/developmentBox.html" class="nav-link">
  开发百宝箱
</a></div><div class="nav-item"><a href="/project/introduction.html" class="nav-link">
  项目分享
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="了解更多" class="dropdown-title"><span class="title">了解更多</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1300378587&amp;site=qq&amp;menu=yes" target="_blank" rel="noopener noreferrer" class="nav-link external">
  其他合作
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="http://www.lsdcloud.com/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  友情网站
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="https://github.com/ourlang" target="_blank" rel="noopener noreferrer" class="nav-link external">
  Github
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="https://gitee.com/anlexanyang" target="_blank" rel="noopener noreferrer" class="nav-link external">
  码云
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li class="dropdown-item"><!----> <a href="https://blog.csdn.net/qq_37493556" target="_blank" rel="noopener noreferrer" class="nav-link external">
  CSDN
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></div></div><div class="nav-item"><a href="/linkExchanges/introduction.html" class="nav-link">
  友情链接
</a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/study-guide/introduction.html" class="sidebar-link">导读指南</a></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>编程语言</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading open"><span>开发百宝箱</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/study-guide/tool/developmentBox.html" class="active sidebar-link">资源汇总</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#友情链接" class="sidebar-link">友情链接</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#常用搜索" class="sidebar-link">常用搜索</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#代码托管" class="sidebar-link">代码托管</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#技术社区" class="sidebar-link">技术社区</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#工具合集" class="sidebar-link">工具合集</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#基础教程" class="sidebar-link">基础教程</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#文档工具" class="sidebar-link">文档工具</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#后端开发" class="sidebar-link">后端开发</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#前端开发" class="sidebar-link">前端开发</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#动态图表" class="sidebar-link">动态图表</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#图片图标" class="sidebar-link">图片图标</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#css样式" class="sidebar-link">CSS样式</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#其他资源" class="sidebar-link">其他资源</a></li><li class="sidebar-sub-header"><a href="/study-guide/tool/developmentBox.html#申请友链" class="sidebar-link">申请友链</a></li></ul></li></ul></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>数据库</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>Linux</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>医疗标准</span> <span class="arrow right"></span></p> <!----></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="资源汇总"><a href="#资源汇总" class="header-anchor">#</a> 资源汇总</h1> <link rel="stylesheet" type="text/css" href="/css/tool.css"> <h2 id="友情链接"><a href="#友情链接" class="header-anchor">#</a> 友情链接</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.ruanyifeng.com/blog/" target="_blank"><div class="my-nav-item"><div title="阮一峰的网络日志" class="cc-nav-title"><img src="/img/guideImage/ruanyifeng.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         阮一峰的网络日志
        </div></div> <div title="一个牛人，博客文学IT都很擅长。一个可以靠自学进行网站制作的大神" class="cc-nav-des">
        一个牛人，博客文学IT都很擅长。一个可以靠自学进行网站制作的大神
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.liwenzhou.com/" target="_blank"><div class="my-nav-item"><div title="李文周的博客" class="cc-nav-title"><img src="/img/guideImage/boy1.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         李文周的博客
        </div></div> <div title="一个全栈开发牛人，特别对Go语言有研究" class="cc-nav-des">
        一个全栈开发牛人，特别对Go语言有研究
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://github.com/AlexAnYang" target="_blank"><div class="my-nav-item"><div title="AlexAnYang的博客" class="cc-nav-title"><img src="/img/guideImage/github2.jpg" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         	AlexAnYang的博客
        </div></div> <div title="一个优秀的java、golang开发者,对底层原理有很深的研究" class="cc-nav-des">
        一个优秀的java、golang开发者,对底层原理有很深的研究
       </div></div></a></div></div> <h2 id="常用搜索"><a href="#常用搜索" class="header-anchor">#</a> 常用搜索</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://www.baidu.com/" target="_blank"><div class="my-nav-item"><div title="百度" class="cc-nav-title"><img src="/img/guideImage/baidu.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         百度
        </div></div> <div title="百度——全球最大的中文搜索引擎及最大的中文网站，全球领先的人工智能公司。" class="cc-nav-des">
        百度——全球最大的中文搜索引擎及最大的中文网站，全球领先的人工智能公司。 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://www.google.com/" target="_blank"><div class="my-nav-item"><div title="Google" class="cc-nav-title"><img src="/img/guideImage/google.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Google
        </div></div> <div title="全球最大的搜索引擎公司" class="cc-nav-des">
        全球最大的搜索引擎公司 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://www.bing.com/" target="_blank"><div class="my-nav-item"><div title="Bing" class="cc-nav-title"><img src="/img/guideImage/bing.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Bing
        </div></div> <div title="微软公司推出的用以取代Live Search的搜索引擎" class="cc-nav-des">
        微软公司推出的用以取代Live Search的搜索引擎 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://magi.com/" target="_blank"><div class="my-nav-item"><div title="Magi" class="cc-nav-title"><img src="/img/guideImage/magi.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Magi
        </div></div> <div title="Magi 是由 Peak Labs 研发的基于机器学习的信息抽取和检索系统，它能将任何领域的自然语言文本中的知识提取成结构化的数据，通过终身学习持续聚合和纠错，进而为人类用户和其他人工智能提供可解析、可检索、可溯源的知识体系。" class="cc-nav-des">
        Magi 是由 Peak Labs 研发的基于机器学习的信息抽取和检索系统，它能将任何领域的自然语言文本中的知识提取成结构化的数据，通过终身学习持续聚合和纠错，进而为人类用户和其他人工智能提供可解析、可检索、可溯源的知识体系。 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.programcreek.com/java-api-examples/index.php" target="_blank"><div class="my-nav-item"><div title="搜代码" class="cc-nav-title"><img src="/img/guideImage/java.jpg" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         搜代码
        </div></div> <div title="不知道某个类如何使用? 来这里搜索Java 代码吧..." class="cc-nav-des">
        不知道某个类如何使用? 来这里搜索Java 代码吧... 
       </div></div></a></div></div> <h2 id="代码托管"><a href="#代码托管" class="header-anchor">#</a> 代码托管</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://github.com" target="_blank"><div class="my-nav-item"><div title="Github" class="cc-nav-title"><img src="/img/guideImage/github.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Github
        </div></div> <div title="GitHub是一个面向开源及私有软件项目的托管平台" class="cc-nav-des">
        GitHub是一个面向开源及私有软件项目的托管平台 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://gitee.com/" target="_blank"><div class="my-nav-item"><div title="Gitee" class="cc-nav-title"><img src="/img/guideImage/gitee.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Gitee
        </div></div> <div title="开源中国旗下的代码托管平台：码云" class="cc-nav-des">
        开源中国旗下的代码托管平台：码云 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://coding.net" target="_blank"><div class="my-nav-item"><div title="Coding" class="cc-nav-title"><img src="/img/guideImage/codingnet.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Coding
        </div></div> <div title="一站式 DevOps，提升研发效能" class="cc-nav-des">
        一站式 DevOps，提升研发效能 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://bitbucket.org/" target="_blank"><div class="my-nav-item"><div title="Bitbucket" class="cc-nav-title"><img src="/img/guideImage/bitbucket.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Bitbucket
        </div></div> <div title="Bitbucket is more than just Git code management. " class="cc-nav-des">
        Bitbucket is more than just Git code management. 
       </div></div></a></div></div> <h2 id="技术社区"><a href="#技术社区" class="header-anchor">#</a> 技术社区</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://www.csdn.net/" target="_blank"><div class="my-nav-item"><div title="CDSN" class="cc-nav-title"><img src="/img/guideImage/csdn.gif" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         CDSN
        </div></div> <div title="中国专业IT社区CSDN" class="cc-nav-des">
        中国专业IT社区CSDN 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://www.cnblogs.com/" target="_blank"><div class="my-nav-item"><div title="博客园" class="cc-nav-title"><img src="/img/guideImage/cnblog.gif" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         博客园
        </div></div> <div title="开发者的网上家园" class="cc-nav-des">
        开发者的网上家园 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.oschina.net" target="_blank"><div class="my-nav-item"><div title="OSChina" class="cc-nav-title"><img src="/img/guideImage/oschina.gif" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         OSChina
        </div></div> <div title="中国最大的开源技术社区" class="cc-nav-des">
        中国最大的开源技术社区 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://segmentfault.com/" target="_blank"><div class="my-nav-item"><div title="知否" class="cc-nav-title"><img src="/img/guideImage/segmentfault.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         知否
        </div></div> <div title="中国领先的开发者技术社区" class="cc-nav-des">
        中国领先的开发者技术社区 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://juejin.im" target="_blank"><div class="my-nav-item"><div title="掘金" class="cc-nav-title"><img src="/img/guideImage/juejin.svg" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         掘金
        </div></div> <div title="掘金是一个帮助开发者成长的社区，是一个面向互联网技术人的内容分享平台" class="cc-nav-des">
        掘金是一个帮助开发者成长的社区，是一个面向互联网技术人的内容分享平台 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.51cto.com" target="_blank"><div class="my-nav-item"><div title="51CTO" class="cc-nav-title"><img src="/img/guideImage/51cto.gif" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         51CTO
        </div></div> <div title="中国领先的IT技术网站" class="cc-nav-des">
        中国领先的IT技术网站 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.linuxidc.com/" target="_blank"><div class="my-nav-item"><div title="Linux公社" class="cc-nav-title"><img src="/img/guideImage/linuxidc.jpg" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Linux公社
        </div></div> <div title="Linux系统门户网站" class="cc-nav-des">
        Linux系统门户网站 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.ibm.com/developerworks/cn/" target="_blank"><div class="my-nav-item"><div title="IBM 开发者" class="cc-nav-title"><img src="/img/guideImage/ibm.jpeg" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         IBM 开发者
        </div></div> <div title="IBM开发者社区" class="cc-nav-des">
        IBM开发者社区 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://stackoverflow.com" target="_blank"><div class="my-nav-item"><div title="StackOverflow" class="cc-nav-title"><img src="/img/guideImage/stackoverflow.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         StackOverflow
        </div></div> <div title="Stack Overflow是一个与程序相关的IT技术问答网站" class="cc-nav-des">
        Stack Overflow是一个与程序相关的IT技术问答网站 
       </div></div></a></div></div> <h2 id="工具合集"><a href="#工具合集" class="header-anchor">#</a> 工具合集</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://c.runoob.com/" target="_blank"><div class="my-nav-item"><div title="菜鸟工具" class="cc-nav-title"><img src="/img/guideImage/cainiaotool.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         菜鸟工具
        </div></div> <div title="菜鸟教程提供的工具集" class="cc-nav-des">
        菜鸟教程提供的工具集 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://tool.oschina.net/" target="_blank"><div class="my-nav-item"><div title="工具" class="cc-nav-title"><img src="/img/guideImage/oschina.gif" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         工具
        </div></div> <div title="开源中国在线工具" class="cc-nav-des">
        开源中国在线工具 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://tool.lu/" target="_blank"><div class="my-nav-item"><div title="Tool工具箱" class="cc-nav-title"><img src="/img/guideImage/toollu.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Tool工具箱
        </div></div> <div title="程序员的工具箱" class="cc-nav-des">
        程序员的工具箱 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://tools.jb51.net/" target="_blank"><div class="my-nav-item"><div title="脚本之家" class="cc-nav-title"><img src="/img/guideImage/jiaobenzhijia.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         脚本之家
        </div></div> <div title="脚本之家旗下的工具箱" class="cc-nav-des">
        脚本之家旗下的工具箱 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://123.w3cschool.cn/webtools" target="_blank"><div class="my-nav-item"><div title="W3Cschool" class="cc-nav-title"><img src="/img/guideImage/w3cschooltool.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         W3Cschool
        </div></div> <div title="W3Cschool旗下的工具箱" class="cc-nav-des">
        W3Cschool旗下的工具箱 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://gitee.com/explore/all" target="_blank"><div class="my-nav-item"><div title="Gitee开源" class="cc-nav-title"><img src="/img/guideImage/gitee.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Gitee开源
        </div></div> <div title="Gitee 开源项目推荐列表" class="cc-nav-des">
        Gitee 开源项目推荐列表 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://cloudconvert.com/" target="_blank"><div class="my-nav-item"><div title="云转换" class="cc-nav-title"><img src="/img/guideImage/cloudconvert.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         云转换
        </div></div> <div title="在线转化压缩包、字体、图片、视频、电子书" class="cc-nav-des">
        在线转化压缩包、字体、图片、视频、电子书 
       </div></div></a></div></div> <h2 id="基础教程"><a href="#基础教程" class="header-anchor">#</a> 基础教程</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.runoob.com/" target="_blank"><div class="my-nav-item"><div title="菜鸟教程" class="cc-nav-title"><img src="/img/guideImage/cainiao.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         菜鸟教程
        </div></div> <div title="菜鸟教程集合" class="cc-nav-des">
        菜鸟教程集合 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.w3cschool.cn/tutorial" target="_blank"><div class="my-nav-item"><div title="W3Cschool" class="cc-nav-title"><img src="/img/guideImage/w3cschool.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         W3Cschool
        </div></div> <div title="w3cschool主要为初学者技术的人员提供在线学习教程和日常技术资料查询服务" class="cc-nav-des">
        w3cschool主要为初学者技术的人员提供在线学习教程和日常技术资料查询服务 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.w3school.com.cn/" target="_blank"><div class="my-nav-item"><div title="W3School" class="cc-nav-title"><img src="/img/guideImage/w3school.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         W3School
        </div></div> <div title="W3School 是因特网上最大的 WEB 开发者资源，其中包括全面的教程、完善的参考手册以及庞大的代码库" class="cc-nav-des">
        W3School 是因特网上最大的 WEB 开发者资源，其中包括全面的教程、完善的参考手册以及庞大的代码库 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://developer.mozilla.org/zh-CN/docs/Learn" target="_blank"><div class="my-nav-item"><div title="MDN" class="cc-nav-title"><img src="/img/guideImage/mdn.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         MDN
        </div></div> <div title="源于开发者，服务开发者" class="cc-nav-des">
        源于开发者，服务开发者 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.javatpoint.com" target="_blank"><div class="my-nav-item"><div title="JavaPoint" class="cc-nav-title"><img src="/img/guideImage/javatpoint.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         JavaPoint
        </div></div> <div title="The Best Portal to Learn Technologies" class="cc-nav-des">
        The Best Portal to Learn Technologies 
       </div></div></a></div></div> <h2 id="文档工具"><a href="#文档工具" class="header-anchor">#</a> 文档工具</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.gitbook.com/" target="_blank"><div class="my-nav-item"><div title="Gitbook" class="cc-nav-title"><img src="/img/guideImage/gitbook.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Gitbook
        </div></div> <div title="一个先进可定制的文档格式工具" class="cc-nav-des">
        一个先进可定制的文档格式工具 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://docsify.js.org/#/zh-cn/" target="_blank"><div class="my-nav-item"><div title="Docsify" class="cc-nav-title"><img src="/img/guideImage/docsify.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Docsify
        </div></div> <div title="一个神奇的文档网站生成工具" class="cc-nav-des">
        一个神奇的文档网站生成工具 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://vuepress.vuejs.org/zh/" target="_blank"><div class="my-nav-item"><div title="VuePress" class="cc-nav-title"><img src="/img/guideImage/vuepress.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         VuePress
        </div></div> <div title="Vue 驱动的静态网站生成器, 本项目就是使用VuePress开发的" class="cc-nav-des">
        Vue 驱动的静态网站生成器, 本项目就是使用VuePress开发的 
       </div></div></a></div></div> <h2 id="后端开发"><a href="#后端开发" class="header-anchor">#</a> 后端开发</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://spring.io/" target="_blank"><div class="my-nav-item"><div title="Spring" class="cc-nav-title"><img src="/img/guideImage/spring.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Spring
        </div></div> <div title="Spring框架是一个开放源代码的J2EE应用程序框架" class="cc-nav-des">
        Spring框架是一个开放源代码的J2EE应用程序框架 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://mybatis.org/mybatis-3/zh/index.html" target="_blank"><div class="my-nav-item"><div title="MyBatis" class="cc-nav-title"><img src="/img/guideImage/mybatis.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         MyBatis
        </div></div> <div title="MyBatis 是一款优秀的持久层框架，它支持定制化 SQL、存储过程以及高级映射。" class="cc-nav-des">
        MyBatis 是一款优秀的持久层框架，它支持定制化 SQL、存储过程以及高级映射。 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://mybatis.plus/" target="_blank"><div class="my-nav-item"><div title="MyBatis Plus" class="cc-nav-title"><img src="/img/guideImage/mybatisplus.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         MyBatis Plus
        </div></div> <div title="MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。" class="cc-nav-des">
        MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://mvnrepository.com/" target="_blank"><div class="my-nav-item"><div title="Maven Repo" class="cc-nav-title"><img src="/img/guideImage/maven.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Maven Repo
        </div></div> <div title="Maven 仓库检索, 非常常用" class="cc-nav-des">
        Maven 仓库检索, 非常常用 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://docs.gradle.org/current/userguide/userguide.html" target="_blank"><div class="my-nav-item"><div title="Gradle" class="cc-nav-title"><img src="/img/guideImage/gradle.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Gradle
        </div></div> <div title="基于Apache Ant和Apache Maven概念的项目自动化构建开源工具。" class="cc-nav-des">
        基于Apache Ant和Apache Maven概念的项目自动化构建开源工具。 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://jenkins.io/zh/" target="_blank"><div class="my-nav-item"><div title="Jenkins" class="cc-nav-title"><img src="/img/guideImage/jenkins.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Jenkins
        </div></div> <div title="Jenkins是一个开源软件项目，是基于Java开发的一种持续集成工具，用于监控持续重复的工作，旨在提供一个开放易用的软件平台，使软件的持续集成变成可能。" class="cc-nav-des">
        Jenkins是一个开源软件项目，是基于Java开发的一种持续集成工具，用于监控持续重复的工作，旨在提供一个开放易用的软件平台，使软件的持续集成变成可能。 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.elastic.co/guide/en/elasticsearch/reference/index.html" target="_blank"><div class="my-nav-item"><div title="Elasticsearch" class="cc-nav-title"><img src="/img/guideImage/Elasticsearch.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Elasticsearch
        </div></div> <div title="ElasticSearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于RESTful web接口。Elasticsearch是用Java语言开发的，并作为Apache许可条款下的开放源码发布，是一种流行的企业级搜索引擎。" class="cc-nav-des">
        ElasticSearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于RESTful web接口。Elasticsearch是用Java语言开发的，并作为Apache许可条款下的开放源码发布，是一种流行的企业级搜索引擎。
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://golang.google.cn/" target="_blank"><div class="my-nav-item"><div title="Golang" class="cc-nav-title"><img src="/img/guideImage/golang.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Golang
        </div></div> <div title="Go（又称 Golang）是 Google 的 Robert Griesemer，Rob Pike 及 Ken Thompson 开发的一种静态强类型、编译型语言。Go 语言语法与 C 相近，但功能上有：内存安全，GC（垃圾回收），结构形态及 CSP-style 并发计算。" class="cc-nav-des">
        Go（又称 Golang）是 Google 的 Robert Griesemer，Rob Pike 及 Ken Thompson 开发的一种静态强类型、编译型语言。Go 语言语法与 C 相近，但功能上有：内存安全，GC（垃圾回收），结构形态及 CSP-style 并发计算。
       </div></div></a></div></div> <h2 id="前端开发"><a href="#前端开发" class="header-anchor">#</a> 前端开发</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.bootcss.com/" target="_blank"><div class="my-nav-item"><div title="BootStrap" class="cc-nav-title"><img src="/img/guideImage/bootstrap.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         BootStrap
        </div></div> <div title="简洁、直观、强悍的前端开发框架，让web开发更迅速、简单" class="cc-nav-des">
        简洁、直观、强悍的前端开发框架，让web开发更迅速、简单 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.npmjs.cn/" target="_blank"><div class="my-nav-item"><div title="NPM" class="cc-nav-title"><img src="/img/guideImage/npm.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         NPM
        </div></div> <div title="NodeJS 包管理文档" class="cc-nav-des">
        NodeJS 包管理文档 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://cn.vuejs.org/" target="_blank"><div class="my-nav-item"><div title="Vue" class="cc-nav-title"><img src="/img/guideImage/vuejs.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Vue
        </div></div> <div title="渐进式JavaScript 框架" class="cc-nav-des">
        渐进式JavaScript 框架 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://react.docschina.org/" target="_blank"><div class="my-nav-item"><div title="React" class="cc-nav-title"><img src="/img/guideImage/reactjs.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         React
        </div></div> <div title="用于构建用户界面的 JavaScript 库" class="cc-nav-des">
        用于构建用户界面的 JavaScript 库 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.angularjs.net.cn/" target="_blank"><div class="my-nav-item"><div title="AngularJS" class="cc-nav-title"><img src="/img/guideImage/angularjs.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         AngularJS
        </div></div> <div title="AngularJS是一款优秀的前端JS框架" class="cc-nav-des">
        AngularJS是一款优秀的前端JS框架 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://pro.ant.design/index-cn" target="_blank"><div class="my-nav-item"><div title="AntDesignPro" class="cc-nav-title"><img src="/img/guideImage/antdesignpro.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         AntDesignPro
        </div></div> <div title="开箱即用的中台前端/设计解决方案" class="cc-nav-des">
        开箱即用的中台前端/设计解决方案 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://element.eleme.cn/#/zh-CN" target="_blank"><div class="my-nav-item"><div title="Element-UI" class="cc-nav-title"><img src="/img/guideImage/element.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Element-UI
        </div></div> <div title="Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库" class="cc-nav-des">
        Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.iviewui.com/" target="_blank"><div class="my-nav-item"><div title="View UI" class="cc-nav-title"><img src="/img/guideImage/iview.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         View UI
        </div></div> <div title="View UI 是一套基于 Vue.js 的高质量UI 组件库" class="cc-nav-des">
        View UI 是一套基于 Vue.js 的高质量UI 组件库 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://electronjs.org/" target="_blank"><div class="my-nav-item"><div title="Electron" class="cc-nav-title"><img src="/img/guideImage/electron.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Electron
        </div></div> <div title="Electron 是一个赋力前端进行跨平台开发的框架,让开发人员使用 JavaScript, HTML 和 CSS 等前端技术构建跨平台的桌面应用" class="cc-nav-des">
        Electron 是一个赋力前端进行跨平台开发的框架,让开发人员使用 JavaScript, HTML 和 CSS 等前端技术构建跨平台的桌面应用 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://caniuse.com/" target="_blank"><div class="my-nav-item"><div title="can i use" class="cc-nav-title"><img src="/img/guideImage/caniuse.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         can i use
        </div></div> <div title="前端常用网站了,查看不同属性和方法的兼容性" class="cc-nav-des">
        前端常用网站了,查看不同属性和方法的兼容性 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.jquery123.com/" target="_blank"><div class="my-nav-item"><div title="jQuery" class="cc-nav-title"><img src="/img/guideImage/jquery.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         jQuery
        </div></div> <div title="jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。" class="cc-nav-des">
        jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.axure.com.cn/" target="_blank"><div class="my-nav-item"><div title="Axure" class="cc-nav-title"><img src="/img/guideImage/Axure.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Axure
        </div></div> <div title="Axure RP是一款专业的快速原型设计工具" class="cc-nav-des">
            Axure RP是一款专业的快速原型设计工具
       </div></div></a></div></div> <h2 id="动态图表"><a href="#动态图表" class="header-anchor">#</a> 动态图表</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.echartsjs.com/examples/zh/index.html" target="_blank"><div class="my-nav-item"><div title="Echarts" class="cc-nav-title"><img src="/img/guideImage/echarts.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Echarts
        </div></div> <div title="百度开发的可定制的数据可视化图表, 已经捐给Apache" class="cc-nav-des">
        百度开发的可定制的数据可视化图表, 已经捐给Apache 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://antv.vision/zh" target="_blank"><div class="my-nav-item"><div title="AntV" class="cc-nav-title"><img src="/img/guideImage/antv.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         AntV
        </div></div> <div title="蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践" class="cc-nav-des">
        蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://d3js.org/" target="_blank"><div class="my-nav-item"><div title="D3" class="cc-nav-title"><img src="/img/guideImage/d3.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         D3
        </div></div> <div title="用动态图形显示数据的JavaScript库" class="cc-nav-des">
        用动态图形显示数据的JavaScript库 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://threejs.org/" target="_blank"><div class="my-nav-item"><div title="ThreeJs" class="cc-nav-title"><img src="/img/guideImage/threejs.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         ThreeJs
        </div></div> <div title="运行在浏览器中的3D 引擎" class="cc-nav-des">
        运行在浏览器中的3D 引擎 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.highcharts.com/" target="_blank"><div class="my-nav-item"><div title="HighCharts" class="cc-nav-title"><img src="/img/guideImage/highcharts.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         HighCharts
        </div></div> <div title="兼容 IE6+、支持移动端、图表类型丰富的HTML5交互性图表库" class="cc-nav-des">
        兼容 IE6+、支持移动端、图表类型丰富的HTML5交互性图表库 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.chartjs.org/" target="_blank"><div class="my-nav-item"><div title="ChartJs" class="cc-nav-title"><img src="/img/guideImage/chartjs.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         ChartJs
        </div></div> <div title="基于 HTML5 的 JavaScript 图表库" class="cc-nav-des">
        基于 HTML5 的 JavaScript 图表库 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://www.flotcharts.org/" target="_blank"><div class="my-nav-item"><div title="FlotCharts" class="cc-nav-title"><img src="/img/guideImage/flotjs.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         FlotCharts
        </div></div> <div title="基于jQuery的Charts，Grafana就是用的它 " class="cc-nav-des">
        基于jQuery的Charts，Grafana就是用的它 
       </div></div></a></div></div> <h2 id="图片图标"><a href="#图片图标" class="header-anchor">#</a> 图片图标</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.bootcss.com/p/font-awesome/" target="_blank"><div class="my-nav-item"><div title="Font-awesome" class="cc-nav-title"><img src="/img/guideImage/fontawesome.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Font-awesome
        </div></div> <div title="完美的图标字体库" class="cc-nav-des">
        完美的图标字体库 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://squoosh.app/" target="_blank"><div class="my-nav-item"><div title="Squoosh" class="cc-nav-title"><img src="/img/guideImage/squoosh.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Squoosh
        </div></div> <div title="谷歌出品在线免费图片压缩工具 神器" class="cc-nav-des">
        谷歌出品在线免费图片压缩工具 神器 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://zhitu.isux.us/" target="_blank"><div class="my-nav-item"><div title="智图" class="cc-nav-title"><img src="/img/guideImage/zhitu.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         智图
        </div></div> <div title="腾讯出品 在线图片压缩 支持转成 webP 处理静态图片时候很好用" class="cc-nav-des">
        腾讯出品 在线图片压缩 支持转成 webP 处理静态图片时候很好用 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.picdiet.com/zh-cn" target="_blank"><div class="my-nav-item"><div title="Picdiet" class="cc-nav-title"><img src="/img/guideImage/picdiet.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Picdiet
        </div></div> <div title="Picdiet是一款在线批量压缩图片神器，它不需要后端服务器或者API的支持，仅通过你的浏览器来压缩图片大小，这意味着它压缩图片极快并且不会导致隐私或敏感图片泄漏。" class="cc-nav-des">
        Picdiet是一款在线批量压缩图片神器，它不需要后端服务器或者API的支持，仅通过你的浏览器来压缩图片大小，这意味着它压缩图片极快并且不会导致隐私或敏感图片泄漏。 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://www.aigei.com/bgremover" target="_blank"><div class="my-nav-item"><div title="Bgremover" class="cc-nav-title"><img src="/img/guideImage/aigei.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Bgremover
        </div></div> <div title="在线图片去底工具" class="cc-nav-des">
        在线图片去底工具 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.photopea.com/" target="_blank"><div class="my-nav-item"><div title="Photopea" class="cc-nav-title"><img src="/img/guideImage/photopea.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Photopea
        </div></div> <div title="网页版本 Photoshop，非常强大" class="cc-nav-des">
        网页版本 Photoshop，非常强大 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.iconfont.cn/" target="_blank"><div class="my-nav-item"><div title="Iconfont" class="cc-nav-title"><img src="/img/guideImage/iconfont.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Iconfont
        </div></div> <div title="阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。" class="cc-nav-des">
        阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。 
       </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://cssicon.space/" target="_blank"><div class="my-nav-item"><div title="Css Icon" class="cc-nav-title"><img src="/img/guideImage/cssicon.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
         Css Icon
        </div></div> <div title="所有的 icon 都是纯 css 画的 缺点：icon 不够多" class="cc-nav-des">
        所有的 icon 都是纯 css 画的 缺点：icon 不够多 
       </div></div></a></div></div> <h2 id="css样式"><a href="#css样式" class="header-anchor">#</a> CSS样式</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://sass.bootcss.com/" target="_blank"><div class="my-nav-item"><div title="SAAS" class="cc-nav-title"><img src="/img/guideImage/saas.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
                  SAAS
                 </div></div> <div title="Sass 是成熟、稳定、强大的 CSS 扩展语言。" class="cc-nav-des">
                 Sass 是成熟、稳定、强大的 CSS 扩展语言。 
                </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://stylus.bootcss.com/" target="_blank"><div class="my-nav-item"><div title="Stylus" class="cc-nav-title"><img src="/img/guideImage/stylus.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
                  Stylus
                 </div></div> <div title="富于表现力、动态的、健壮的 CSS" class="cc-nav-des">
                 富于表现力、动态的、健壮的 CSS 
                </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://less.bootcss.com/" target="_blank"><div class="my-nav-item"><div title="Less" class="cc-nav-title"><img src="/img/guideImage/less.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
                  Less
                 </div></div> <div title="给 CSS 加点料" class="cc-nav-des">
                 给 CSS 加点料 
                </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://app.zeplin.io/" target="_blank"><div class="my-nav-item"><div title="zeplin" class="cc-nav-title"><img src="/img/guideImage/github2.jpg" class="nozoom" style="height:40px;"> <div style="height:40px;float:right;">
                  zeplin
                 </div></div> <div title="前端和设计师神器，有标注、Style Guide、版本管理、简单的团队协作，重点是前端不用写css 了，复制就可以了。" class="cc-nav-des">
                 前端和设计师神器，有标注、Style Guide、版本管理、简单的团队协作，重点是前端不用写css 了，复制就可以了。 
                </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://apps.eky.hk/css-triangle-generator/" target="_blank"><div class="my-nav-item"><div title="CSS triangle" class="cc-nav-title"><img src="/img/guideImage/csstriangle.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
                  CSS triangle
                 </div></div> <div title="帮你快速用 css 做出三角形" class="cc-nav-des">
                 帮你快速用 css 做出三角形 
                </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://www.cssarrowplease.com/" target="_blank"><div class="my-nav-item"><div title="CSS Arrow" class="cc-nav-title"><img src="/img/guideImage/cssarrow.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
                  CSS Arrow
                 </div></div> <div title="帮你做对话框三角的" class="cc-nav-des">
                 帮你做对话框三角的 
                </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://bennettfeely.com/image-effects/" target="_blank"><div class="my-nav-item"><div title="CSS Effects" class="cc-nav-title"><img src="/img/guideImage/imageeffects.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
                  CSS Effects
                 </div></div> <div title="图片CSS样式控制" class="cc-nav-des">
                 图片CSS样式控制 
                </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://bennettfeely.com/clippy/" target="_blank"><div class="my-nav-item"><div title="clippy" class="cc-nav-title"><img src="/img/guideImage/github2.jpg" class="nozoom" style="height:40px;"> <div style="height:40px;float:right;">
                  clippy
                 </div></div> <div title="在线帮你使用 css clip-path 做出各种形状的图形" class="cc-nav-des">
                 在线帮你使用 css clip-path 做出各种形状的图形 
                </div></div></a></div></div> <h2 id="其他资源"><a href="#其他资源" class="header-anchor">#</a> 其他资源</h2> <div class="cc-row cc-row-gutter-20"><div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://mirrors.aliyun.com/centos/7/isos/x86_64/" target="_blank"><div class="my-nav-item"><div title="Centos7下载" class="cc-nav-title"><img src="/img/guideImage/centos7.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
          Centos7下载
         </div></div> <div title="CentOS是Linux发行版之一，它是来自于Red Hat Enterprise Linux依照开放源代码规定释出的源代码所编译而成。" class="cc-nav-des">
        CentOS是Linux发行版之一，它是来自于Red Hat Enterprise Linux依照开放源代码规定释出的源代码所编译而成。 
        </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.getpostman.com/downloads/" target="_blank"><div class="my-nav-item"><div title="Postman" class="cc-nav-title"><img src="/img/guideImage/postman.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
               Postman
              </div></div> <div title="Postman是一款功能强大的网页调试与发送网页HTTP请求的软件。" class="cc-nav-des">
              Postman是一款功能强大的网页调试与发送网页HTTP请求的软件
             </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.jianliben.com/" target="_blank"><div class="my-nav-item"><div title="简历模板" class="cc-nav-title"><img src="/img/guideImage/jianli.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
          简历模板
         </div></div> <div title="轻松简历制作，个人简历模板免费下载设计" class="cc-nav-des">
         轻松简历制作，个人简历模板免费下载设计
        </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://www.ypppt.com/" target="_blank"><div class="my-nav-item"><div title="免费PPT" class="cc-nav-title"><img src="/img/guideImage/ppt.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
          免费PPT
         </div></div> <div title="一个有情怀的免费PPT模板下载网站" class="cc-nav-des">
         一个有情怀的免费PPT模板下载网站
        </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.screentogif.com/?l=zh_cn" target="_blank"><div class="my-nav-item"><div title="ScreenToGif" class="cc-nav-title"><img src="/img/guideImage/ScreenToGif.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
          ScreenToGif
         </div></div> <div title="ScreenToGif是个强大的Gif录制和剪辑工具" class="cc-nav-des">
         ScreenToGif是个强大的Gif录制和剪辑工具
        </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.xmind.cn" target="_blank"><div class="my-nav-item"><div title="Xmind" class="cc-nav-title"><img src="/img/guideImage/xmind.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
          Xmind
         </div></div> <div title="XMind 是一款非常实用的商业思维导图软件，应用全球最先进的Eclipse RCP 软件架构，全力打造易用、高效的可视化思维软件，强调软件的可扩展、跨平台、稳定性和性能，致力于使用先进的软件技术帮助用户真正意义上提高生产率。" class="cc-nav-des">
         XMind是一款非常实用的商业思维导图软件，应用全球最先进的Eclipse RCP 软件架构，全力打造易用、高效的可视化思维软件，强调软件的可扩展、跨平台、稳定性和性能，致力于使用先进的软件技术帮助用户真正意义上提高生产率。
        </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="http://staruml.io/" target="_blank"><div class="my-nav-item"><div title="StarUML" class="cc-nav-title"><img src="/img/guideImage/StarUML.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
          StarUML
         </div></div> <div title="StarUML是一款开放源码的UML开发工具，是由韩国公司主导开发出来的产品，可以直接到StarUML网站下载。可以用来创建UML类图。" class="cc-nav-des">
        StarUML是一款开放源码的UML开发工具，是由韩国公司主导开发出来的产品，可以直接到StarUML网站下载。可以用来创建UML类图。
        </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://www.jetbrains.com/" target="_blank"><div class="my-nav-item"><div title="JetBrains" class="cc-nav-title"><img src="/img/guideImage/JetBrains.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
          JetBrains
         </div></div> <div title="JetBrains是一家捷克的软件开发公司。开发的软件IDE覆盖了js、.NET、Java、C++、ios、Python、PHP、Go、Android、Ruby、Kotlin等多种语言" class="cc-nav-des">
        JetBrains是一家捷克的软件开发公司。开发的软件IDE覆盖了js、.NET、Java、C++、ios、Python、PHP、Go、Android、Ruby、Kotlin等多种语言
        </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://lncn.org/" target="_blank"><div class="my-nav-item"><div title="Shadowsocks" class="cc-nav-title"><img src="/img/guideImage/shadowsocks.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
               Shadowsocks
              </div></div> <div title="Shadowsokcks是一款翻墙代理软件，此软件会智能判断所访问网站是否被墙，被墙的网站会通过远端服务器进行访问，但是某些被墙的网站没有及时添加到shadowsocks的数据库中，导致这些网站依然无法访问，或者某些网站在国内可以正常访问，但是速度很慢，希望通过shadowsocks进行加速，我们可以通过手动在本地添加网址的方式解决。" class="cc-nav-des">
              Shadowsokcks是一款翻墙代理软件，此软件会智能判断所访问网站是否被墙，被墙的网站会通过远端服务器进行访问，但是某些被墙的网站没有及时添加到shadowsocks的数据库中，导致这些网站依然无法访问，或者某些网站在国内可以正常访问，但是速度很慢，希望通过shadowsocks进行加速，我们可以通过手动在本地添加网址的方式解决。
             </div></div></a></div> <div class="cc-col-xl-4 cc-col-lg-6 cc-col-md-8 cc-col-sm-10 cc-col-xs-12"><a href="https://leetcode-cn.com/" target="_blank"><div class="my-nav-item"><div title="Shadowsocks" class="cc-nav-title"><img src="/img/guideImage/leetCode.png" class="nozoom" style="height:35px;"> <div style="height:40px;float:right;">
                       LeetCode
                      </div></div> <div title="LeetCode收录了许多互联网公司的算法题目,被称为刷题神器。" class="cc-nav-des">
                          LeetCode收录了许多互联网公司的算法题目,被称为刷题神器。
                     </div></div></a></div></div> <h2 id="申请友链"><a href="#申请友链" class="header-anchor">#</a> 申请友链</h2> <h3><a href="/linkExchanges/introduction.html" style="display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;"><strong>申请友情链接方式</strong></a></h3></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="/study-guide/program-language/java.html" class="prev">
        Java
      </a></span> <span class="next"><a href="/study-guide/sql/introduction.html">
        SQL
      </a>
      →
    </span></p></div> </main></div><div class="global-ui"><!----></div></div>
    <script src="/assets/js/app.1bc80adb.js" defer></script><script src="/assets/js/2.7c0608ab.js" defer></script><script src="/assets/js/120.f97dd86f.js" defer></script>
  </body>
</html>
